<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--src资源路径
  1. 相对路径,一般访问站内资源时使用
      - 图片和页面在同一目录:直接写图片名
      - 图片在页面的上级目录:../图片名
      - 图片在页面的下级目录:文件名/图片名
  2. 绝对路径,一般访问站外资源,图片盗链,有找不到图片的风险
-->
<!--alt:当图片不能正常显示时,显示的文本-->
<!--title:图片标题-->
<img src="11.jpg" alt="周姣">
<img src="../2.jpg" alt="周姣" title="哈哈,啥也没有">
<!--width/height:宽/高
    两种赋值方式:1.像素 2.上级元素的百分比
    正常情况下只给一个,等比例缩放-->
<img src="abc/3.jpg" alt="周姣" width="50%">
<img src="abc/3.jpg" alt="周姣" width="50">
<img src="https://cdn.tmooc.cn/bsfile//courseImg///f93f25fba0a84f72be47f5058f84a655.png" alt="周姣">
</body>
</html>